$(function () {
    // setCuisineData();
    // getProductDetailById();
});

// function setCuisineData() {
//
//     let html = '';
//     $.getJSON("../json/cuisine.json", {}, function (res) {
//         let data = res.data;
//         for (let i = 0; i < data.length; i++) {
//             html += '<div id="cuisine' + data[i].id + '" onclick="getProductByCuisineId(' + data[i].id + ')">' + data[i].name + '</div>';
//         }
//         $("#cuisine").html(html);
//     });
//     getProductDetailById();
// }

// 根据产品id得到详细信息
function getProductDetailById(id) {

    // let id = sessionStorage.getItem("productId");//是首页点击产品时的具体产品id
    // console.log(id + "---------")

    $.getJSON("../json/productHome.json", function (data) {
        let list = data.list;
        //将所有数据查询出来和刚刚的id进行对比，如果是一样的，则我们需要的对象就是这个对象
        for (let i = 0; i < list.length; i++) {
            // 后台传递给前端的数据一次性传递3条数据，然后点击的这一条在中间
            // 1.后台有可能传递1条数据  2条数据 3条数据
            // 当只有一条数据时：
            // if (list.length == 1) {
            //
            // }
            // //这里只有下一条没上一条
            // if (i == 0 && id == list[i].id) {
            //     setProductDetailData(list[i])
            // }
            if (id == list[i].id) {
                setProductDetailData(list[i])
            }
            // if (id == list[i].id && i == 2) {
            //     setProductDetailData(list[i])
            // }
        }
    })

}

function setProductDetailData(data) {
    // 得到当前产品的菜系id
    let cuisineId = data.cuisineId;
    sessionStorage.setItem("cuisineId", cuisineId);
    console.log(cuisineId, "cuisineId");
    // $("#cusine" + cuisineId).html();
    // $("#cuisine" + cuisineId).addClass("have-background");
    // $("#cuisine" + cuisineId).css("background-color","rgb(230, 145, 55)");
    // $("#cuisine" + cuisineId).css("color","white");
    console.log($("#cuisine" + cuisineId))
    $("#cuisine" + cuisineId).css({"background-color": "rgb(230, 145, 55)", "color": "white"});

    let html = '';
    html += ' <div>\n' +
        '                        <div><img src="' + data.img + '" height="300" width="300"/></div>\n' +
        '                        <div>\n' +
        '                            <div>' + data.title + '</div>\n' +
        '                            <div>市场价:' + data.marketPrice + '</div>\n' +
        '                            <div><span>价格：</span><span>' + data.price + '</span></div>\n' +
        '                        </div>\n' +
        '                    </div>';
    //----------------------------------------
    html += '<div>\n' + data.content +
        ' </div>';
    // console.log(data);
    //--------------------------
    let length = 0;
    // if (length == 1) {
    html += '<div>\n' +
        '                        <div><span>上一个</span> &nbsp;&nbsp;<span>无</span> </div>\n' +
        '                        <div><span>下一个</span>&nbsp;&nbsp;<span>无</span> </div>\n' +
        '                    </div>';
    // }
    // if (length == 2) {
    //
    // }

    $("#detail").html(html);
}